<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        /*
        如果要在head标签里写script标签
        为window绑定onload事件
            onload事件对应的响应函数将会在页面加载完成之后执行
            这样可以确保我们的代码执行时所有的DOM对象已经加载完毕了
            eg:
              window.onload=function(){
              var btn=document.getElementById("btn");
              btn.onclick=function(){
              alert("hello");
               };
             };
         */
        /*
                         dom查询
                          通过document对象使用
     根据ID获取元素
     -getElementById
     通过标签名获取一组元素节点对象
     -getElementsByTagName()
     通过name属性获取一组元素节点对象
     -getElementsByName()
                         获取元素节点的子节点
     -getElementsByTagName()
      返回当前节点的指定标签名后代节点
      -childNodes
      表示当前节点的所有子节点
      -firstChild
      表示当前节点的第一个子节点
      -lastChlid
      表示当前节点的最有一个子节点
     获取body元素
     -document.body
     获取html元素
     -document.html
     根据元素的class属性值查询一组元素节点对象
     -getElementsByClassName()可以根据class属性值获取一组元素节点对象
     获取页面的div
     var divs=document.getElementsByTagName("div");

     -document.querySelector()
     需要一个选择器的字符串作为参数，可以根据CSS选择器来查询一个元素节点对象
     该方法总会返回唯一的一个元素
     eg: var div =document.querySelector(".box div");

     -document.querySelectorAll()
     与querySelector类似，不同的是，他会将符合条件的元素封装到一个数组返回
         */
    </script>
</head>
<body>

</body>
</html>